<template>
  <!-- 评价组件 -->
  <div class="evaluate">
    <div v-for="i in item ? item : item2" :key="i.id">
      <!-- 顶部 -->
      <div class="evaluate_top">
        <div class="evaluate_top_img">
          <img v-if="i.img" :src="`${i.img}`" />
        </div>
        <div class="evaluate_top_right">
          <p class="evaluate_top_name">{{ i.userName }}</p>
          <van-rate
            v-model="i.num"
            readonly
            size="15"
            gutter="2"
            color="#ff690c"
          />
          <span>{{ i.topic_time }}</span>
        </div>
      </div>
      <!-- 评价 -->
      <div class="evaluate_bottom">{{ i.content }}</div>
    </div>
  </div>
</template>

<script>
import { getFunc } from "@/http/request.js";

export default {
  data() {
    return {};
  },
  props: ["item", "item2"],
  methods: {},
  mounted() {},
};
</script>

<style lang='scss'>
@import "@/static/common/base.scss";
.evaluate {
  .evaluate_top {
    margin: 3vw 0;
    position: relative;
    .evaluate_top_img {
      width: 10vw;
      height: 10vw;
      position: absolute;
      left: 0;
      top: 0;
      img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
      }
    }
    .evaluate_top_right {
      margin-left: 12vw;
      .evaluate_top_name {
        font-size: 3.2vw;
      }
    }
    span {
      font-size: 3.2vw;
      color: #aaa;
      margin-left: 2vw;
    }
  }
}
</style>